<template>
  <div class="row">
    <div style="margin-left: 14px">
      <div v-if="data.berthLicensePlateImg == null" class="no-picture">
        暂未驶入
      </div>
      <div v-else class="picture">
        <img :src="data.berthLicensePlateImg" alt="" />
      </div>
    </div>
    <div style="margin-left: 32px">
      <div v-if="data.berthLicensePlateImg == null" class="no-picture">
        暂未驶出
      </div>
      <div v-else class="picture">
        <img :src="data.berthLicensePlateImg" alt="" />
      </div>
    </div>
  </div>
</template>

<script setup>
import { defineProps, ref } from "vue";
const props = defineProps({
  data: {
    type: Object,
    default: () => {},
  },
});
</script>

<style lang="less" scoped>
.row {
  display: flex;
  margin-bottom: 24px;
}
.picture {
  width: 149px;
  height: 256px;
}
.no-picture {
  width: 149px;
  height: 256px;
}
</style>